<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="./common/head.jsp"%>

<div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>供应商管理页面</span>
        </div>
        <div class="search">
        	<form method="post" action="${pageContext.request.contextPath }/provider/provider.html">
<%--				<input name="method" value="query" type="hidden">--%>
				<span>供应商编码：</span>
				<input name="queryProCode" type="text" value="${queryProCode }">
				
				<span>供应商名称：</span>
				<input name="queryProName" type="text" value="${queryProName }">
				
				<input value="查 询" type="submit" id="searchbutton">
				<a href="${pageContext.request.contextPath }/provider/addPro">添加供应商</a>
			</form>
        </div>
        <!--供应商操作表格-->
        <table class="providerTable" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">供应商编码</th>
                <th width="20%">供应商名称</th>
                <th width="10%">联系人</th>
                <th width="10%">联系电话</th>
                <th width="10%">传真</th>
                <th width="10%">创建时间</th>
                <th width="30%">操作</th>
            </tr>
            <c:forEach var="provider" items="${pageBean.pageList }" varStatus="status">
				<tr>
					<td>
					<span>${provider.proCode }</span>
					</td>
					<td>
					<span>${provider.proName }</span>
					</td>
					<td>
					<span>${provider.proContact}</span>
					</td>
					<td>
					<span>${provider.proPhone}</span>
					</td>
					<td>
					<span>${provider.proFax}</span>
					</td>
					<td>
					<span>
					<fmt:formatDate value="${provider.creationDate}" pattern="yyyy-MM-dd"/>
					</span>
					</td>
					<td>
					<span><a class="viewProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
					</td>
				</tr>
			</c:forEach>
        </table>
	<div class="page-bar">
	共${pageBean.totalCount }条记录&nbsp;&nbsp; ${pageBean.pageNo }/${pageBean.totalPages }页
	<c:if test="${pageBean.pageNo>1}">
		<a href="${pageContext.request.contextPath }/provider/provider.html?pageNo=1">首页</a>
		<a href="${pageContext.request.contextPath }/provider/provider.html?queryProCode=${queryProCode}&queryProName=${queryProName}&pageNo=${pageBean.pageNo-1}">上一页</a>
	</c:if>
	<c:if test="${pageBean.pageNo<pageBean.totalPages}">
		<a href="${pageContext.request.contextPath }/provider/provider.html?queryProCode=${queryProCode}&queryProName=${queryProName}&pageNo=${pageBean.pageNo+1}">下一页</a>
		<a href="${pageContext.request.contextPath }/provider/provider.html?queryProCode=${queryProCode}&queryProName=${queryProName}&pageNo=${pageBean.totalPages }">最后一页</a>
	</c:if>
		<form>
		<span style=" position: absolute;  display: inline-block;right: 50px;top: 0px;">
			<label for="pages-does">跳转至</label>
			<input type="text" name="pages-does" id="pages-does" style="width: 35px"/>页
			<input type="button" onclick="goes()" value="GO"/>
		</span>
		</form>
		<script type="text/javascript">
			function goes() {
				var pages = document.getElementById("pages-does").value;
				location.href = "${pageContext.request.contextPath }/provider/provider.html?queryProCode=${queryProCode}&queryProName=${queryProName}&pageNo=" + pages;
			}
		</script>
	</div>


	<div class="proAdd" style="display: none;">
		<div>
			<label for="proCode">供应商编码：</label>
			<input type="text" id="proCode" readonly>
		</div>
		<div>
			<label for="proName">供应商名称：</label>
			<input type="text" name="proName" id="proName" readonly>
		</div>
		<div>
			<label for="proContact">联系人：</label>
			<input type="text"  id="proContact" name="proContact">
		</div>

		<div>
			<label for="proPhone">联系电话：</label>
			<input type="text" name="proPhone" id="proPhone" readonly >
		</div>
		<div>
			<label for="proFax">传真：</label>
			<input type="text" name="proFax" id="proFax" readonly>
		</div>
		<div>
			<label for="proAddress">地址：</label>
			<input type="text" name="proAddress" id="proAddress" readonly>
		</div>
		<div>
			<label for="proDesc">描述：</label>
			<textarea name="proDesc" id="proDesc" readonly  rows="5" cols="30">

			</textarea>
		</div>
	</div>

    </div>
</section>



<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
   <div class="removerChid">
       <h2>提示</h2>
       <div class="removeMain" >
           <p>你确定要删除该供应商吗？</p>
           <a href="#" id="yes">确定</a>
           <a href="#" id="no">取消</a>
       </div>
   </div>
</div>

<%@include file="./common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/providerlist.js"></script>
